<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/page.css">
    <title>订阅</title>
    <style type="text/css">
        .contentLayer{width:90%;margin:0 auto;border-radius:5px;overflow:hidden;background-color:#FAF9EF;padding-bottom:10px;}
        .hint{text-align:center;width:90%;margin:0 auto;padding-top:5px;}
        .articleLayer{padding:15px 10px;}
        .fl{float:left}
        .fr{float:right;}
        .layerBoxTitle{background-color:#f72e25;text-align:center;padding:10px 0;color:#fff;}
        .color932435{color:#932435;}
        .colorF32939{color:#F32939;}

        .btn,.inlineTwoBtn,.defaultBtn,.greenBtn,.greyBtn,.bareBtn
        {width:100%;color: #fff;text-align:center;margin:0 auto; border-radius: 5px;padding:10px 0;display:block;margin-top:10px;}
        .inlineTwoBtn{width:49%;display:inline-block;}
        .defaultBtn{background-color:#A83749;color:#fff;border:1px #A03243 solid;margin-top:20px;}
        .bareBtn{background-color: #fff;border:1px #B14051 solid;color:#A93849;margin-top:20px;}

        .takeFeesHint{color:#999;font-size:1.4rem;}
        .imgspan{width:25%;display:inline-block;}
    </style>
</head>
<body>
    风刀霜剑雷锋精神代理客服经理山东科技法拉克丝的解放路口圣诞节费卢卡斯的解放路口的手机费卢卡斯的尽量发
    风刀霜剑雷锋精神代理客服经理山东科技法拉克丝的解放路口圣诞节费卢卡斯的解放路口的手机费卢卡斯的尽量发
    风刀霜剑雷锋精神代理客服经理山东科技法拉克丝的解放路口圣诞节费卢卡斯的解放路口的手机费卢
    卡斯的尽量发风刀霜剑雷锋精神代理客服经理山东科技法拉克丝的解放路口圣诞节费
    卢卡斯的解放路口的手机费卢卡斯的尽量发风刀霜剑雷锋精神代理客服经理山东科技法拉克丝的解放路口圣诞节费卢卡斯的解放路口的手机费卢卡斯的尽量发
</body>
</html>
<script type="text/javascript" src="js/jquery/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/pupup.1.0.0.min.js"></script>
<script type="text/javascript">

/*
    点击订阅弹窗
    var popupObj = new popup({
        //加载HTML
        content:[
            {_class:'hint color932435',_content:'订阅财富短信息-持仓公告'},
            {_class:'hint takeFeesHint',_content:'本次订阅费用为：<i class="colorF32939">100元/每年</i>'},
            {_id:'takeCancel',_class:'inlineTwoBtn bareBtn','_domName':'a',_content:'取消',events:'click'},
            {_id:"takeMake",_class:'inlineTwoBtn defaultBtn fr','_domName':'a',_content:'订阅',events:'click'},
        ],
        //回调
        takeCancel:function(){
            alert('aa');
            popupObj._removelast();
        },
        takeMake:function(){
            alert('bb');
            //开始微信支付
            WeixinJSBridge.invoke('getBrandWCPayRequest',{
                        "appId" : json.appid,"timeStamp" : json.timeStamp, "nonceStr" : json.nonce_str, "package" : "prepay_id="+json.prepay_id,"signType" : "MD5", "paySign" : json.sign
                    },function(res){
                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                            location.href="/RoxBusiness/public/page/shopping/ordermange.html";
                            //跳转到相关页面
                        }else if(res.err_msg == "get_brand_wcpay_request:cancel"){
                            location.href="/RoxBusiness/public/page/shopping/ordermange.html";
                            //失败或者
                        }else{
                            new popup({content:"<div class='hint'>支付失败！</div><div class='hint'><a href='/RoxBusiness/public/page/shopping/ordermange.html' class='btn'>订单管理</a></div>"}).init();

                        }

                    }
            );
        },
        layerBoxClickFlat:true, //false不让背景能点击  true能点击
        layerBoxFlat:true  //总开关 false什么都不加载   true开始加载
    });
*/

    /*
    //点击退订弹窗
    function datetxt(){
        var date = new Date();
        var yy = date.getFullYear();
        var mm = date.getMonth()+1;
        var dd = date.getDate();
        mm = mm <10 ? '0'+mm:mm;
        dd = dd < 10? '0'+dd:dd;

        return yy + '-' + mm + '-' + dd;
    }
    var popupObj = new popup({
        //加载HTML
        content:[
            {_class:'hint',_content:'该信息是付费订阅的，您取消后将不再推送信息，并且订阅费不予退回！'},
            {_id:'takeCancel',_class:'inlineTwoBtn bareBtn','_domName':'a',_content:'取消',events:'click'},
            {_id:"takeUnMake",_class:'inlineTwoBtn defaultBtn fr','_domName':'a',_content:'退订',events:'click'},
        ],
        //回调
        takeCancel:function(){
            alert('cancel');
            popupObj._removelast();
        },
        takeUnMake:function(){
            alert('take');
            $.ajax({
               type:'post',
                dataType:'json',
                url:'json/commit.json',
                success:function(res){
                    popupObj._removefrist();
                    if(res.status == '0'){
                        new popup({
                            //加载HTML
                            content:[{_content:{_class:"imgspan",_domName:'span',_content:'<img src="images/jiechu_03.png" />'}},{_class:'hint color932435',_content:'退订成功'}],
                            layerBoxClickFlat:true, //false不让背景能点击  true能点击
                            layerBoxFlat:true  //总开关 false什么都不加载   true开始加载
                        });
                    }else{
                        new popup({
                            //加载HTML
                            content:[{_content:{_class:"imgspan",_domName:'span',_content:'<img src="images/jiechu_03.png" />'}},{_class:'hint color932435',_content:'退订失败'+res.errMsg}],
                            layerBoxClickFlat:true, //false不让背景能点击  true能点击
                            layerBoxFlat:true  //总开关 false什么都不加载   true开始加载
                        });
                    }
                }
            });
        }
    });*/

</script>